import React from 'react';
import styles from './index.module.css';
import dayjs from 'dayjs';
import AtomIntl from '@/utils/intl';
import AtomLogo from '@/assets/atom.png';

export default function (props) {
  return (
    <div className={styles.noConfigItem}>
      <div className={styles.itemAvatorContainer}>
        <img
          className={styles.itemAvator}
          src={AtomLogo}
        />
      </div>
      <div className={styles.itemContainer}>
        <div>
          {AtomIntl.get('AI_Chat_ChatNoConfigPrompt_index_Atomgit 助手')} {dayjs().format('YYYY/MM/DD HH:mm:ss')}
        </div>
        <div className={styles.answerItemContent}>
          {AtomIntl.get('AI_Chat_ChatNoConfigPrompt_index_未检测到已配置的AI工具，请您完成配置后再使用。')}
          <br />
          {AtomIntl.get('AI_Chat_ChatNoConfigPrompt_index_不会配置？查看 帮助文档 完成您的专属AI配置。')}
        </div>
        <a
          href="/-/profile/ai"
          className={styles.jumpToConfigKey}
        >
          {AtomIntl.get('AI_Chat_ChatNoConfigPrompt_index_前往配置')}
        </a>
      </div>
    </div>
  );
}

